<template>
  <el-dialog
    class="dia-style"
    :title="title"
    :visible.sync="open"
    width="600px"
    destroy-on-close
    :close-on-click-modal="false"
  >
    <el-form ref="elForm" :model="formData" label-width="140px" label-position="left" @submit.native.prevent>
      <el-form-item label="导出表单" prop="exportForm">
        <el-radio-group v-model="formData.exportForm">
          <el-radio label="1">是</el-radio>
          <el-radio label="0">否</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="导出接入系统" prop="exportForm">
        <el-radio-group v-model="formData.exportForm">
          <el-radio label="1">是</el-radio>
          <el-radio label="0">否</el-radio>
        </el-radio-group>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="submitForm">保 存</el-button>
      <el-button @click="cancel">取 消</el-button>
    </div>
  </el-dialog>
</template>
<script>
export default {
  components: {},
  props: {
    title: {
      type: String,
      default() {
        return '导出'
      }
    }
  },
  data() {
    return {
      open: false,
      formData: {}
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    // 提交
    submitForm() {
      this.$refs['elForm'].validate((valid) => {

      })
    },
    resetForm() {
      this.$refs['elForm'].resetFields()
    },
    cancel() {
      this.$refs['elForm'].resetFields()
      this.open = false
    }
  }
}
</script>
    <style lang="scss" scoped>

  ::v-deep {
    .el-form-item  .el-form-item__label{
        display:block !important;
    }
    .el-dialog:not(.is-fullscreen) {
      height: auto !important;
    }
    .el-dialog__body {
      height: calc(100% - 56px) !important;
      overflow: auto;
    }
  }
  </style>

